<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4455285_ql2ir9gerjm.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <!-- 顶部start -->
    <div class="top">
        <div class="container">
            <div class="topl">
                <ul>
                    <li>
                        <a href="">首页</a>
                        <span>|</span>
                    </li>

                    <li>
                        <a href="">消费者业务网站</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="">优购码</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="">企业商用</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a href="">SLECT REGION</a>
                        <span>|</span>
                    </li>
                    <li class="topmore">
                        <div class="toplist">
                            <a href="">更多精彩</a>
                            <i class="iconfont icon-xiangxiajiantou"></i>
                        </div>
                            <ul>
                                <li>Harmony OS</li>
                                <li>应用市场</li>
                                <li>华为终端云空间</li>
                                <li>开发者联盟</li>
                            </ul>
                    </li>
                </ul>
            </div>
            <div class="topr">
                <div class="shopcar">
                    <i class="iconfont icon-gouwuche">  购物车(0)</i>
                    <ul>
                        <img src="./shopcar.svg" alt="">
                    </ul>
                </div>
                <div class="toprl">
                    <ul>
                        <li>
                            <a href="">请登录</a>
                        </li>
                        <li>
                            <a href="">注册</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">我的订单</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">客服<i class="iconfont icon-xiangxiajiantou"></i></a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">网站导航<i class="iconfont icon-xiangxiajiantou"></i></a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="">手机版<i class="iconfont icon-xiangxiajiantou"></i></a>
                            <span>|</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- LOGOstart -->
    <div class="logo">
        <div class="container">
            <img src="./logo_app.png" alt="">
            <ul>
                <li>
                    <a href="">华为</a>
                </li>
                <li>
                    <a href="">鸿蒙智行</a>
                </li>
                <li>
                    <a href="">华为智选</a>
                </li>
                <li>
                    <a href="">生态周边</a>
                </li>
            </ul>
            <i class="iconfont icon-sousuo"></i>
        </div>
    </div>
    <!-- banner -->
    <div class="banner">
        <ul class="imglist">
            <li>
                <a href="">
                    <img src="./banner1.webp" alt="失败">
                </a>
            </li>
        </ul>
            <ul class="menulist">
                <li>
                    <span>手机</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>穿戴</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>平板</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>电脑</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>耳机音箱</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>智慧屏</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>智能家居</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>出行车品</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>数码配件</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>增值服务</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>生态周边</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
                <li>
                    <span>商务终端</span>
                    <i class="iconfont icon-youjiantou"></i>
                </li>
            </ul>
        <ol class="dotlist">
            <li class="one"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>    
    </div>
    <!-- 分类 -->
    <div class="cate">
        <div class="container">
            <ul>
                <li>
                    <img src="./a41e8d364eba42539f4ebd940a3db77a.png.webp" alt="失败">
                    <p>智慧办公</p>
                </li>
                <li>
                    <img src="./2.png" alt="失败">
                    <p>智能家居</p>
                </li>
                <li>
                    <img src="./c3.png" alt="失败">
                    <p>鸿蒙智行</p>
                </li>                <li>
                    <img src="./12.png" alt="失败">
                    <p>华为智选</p>
                </li>                <li>
                    <img src="./4.png" alt="失败">
                    <p>华为手机</p>
                </li>                <li>
                    <img src="./5.png" alt="失败">
                    <p>影音娱乐</p>
                </li>                <li>
                    <img src="./6.png" alt="失败">
                    <p>运动健康</p>
                </li>                <li>
                    <img src="./7.png" alt="失败">
                    <p>企业商用</p>
                </li>                <li>
                    <img src="./8.png" alt="失败">
                    <p>配件</p>
                </li>                <li>
                    <img src="./9.png" alt="失败">
                    <p>全屋智能</p>
                </li>                <li>
                    <img src="./10.png" alt="失败">
                    <p>众测</p>
                </li>
                <li>
                    <img src="./11.png" alt="失败">
                    <p>以旧换新</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 列表 -->
    <div class="list">
        <div class="container">
            <!-- title -->
            <div class="title">
                <h2>甄选专区</h2>
            </div>
            <ul>
                <li>
                    <img src="./zx1.webp" alt="失败">
                    <h3>HUAWEI Mate X5</h3>
                    <p>超轻薄四曲折叠 | 超高清高分辨率临境双屏</p>
                    <div class="info">
                        <b>12期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥12999起</b>
                    </div>
                </li>
                <li>
                    <img src="./zx2.webp" alt="失败">
                    <h3>HUAWEI MateBook 14s</h3>
                    <p>13代处理器 | 3期0分期利息 | 赠积分</p>
                    <div class="info">
                        <span>限时直降600元</span>
                        <b>3期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥5999起</b>
                    </div>
                </li>
                <li>
                    <img src="./zx3.webp" alt="失败">
                    <h3>HUAWEI FreeBuds Pro 3</h3>
                    <p>应用星闪连接核心技术 | 麒麟芯片</p>
                    <div class="info">
                        <span>限时直降100元</span>
                        <b>6期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥1399起</b>
                        <del>1499</del>
                    </div>
                </li>
                <li class="nomar">
                    <img src="./zx4.webp" alt="失败">
                    <h3>华为智能眼镜 2</h3>
                    <p>全天候智慧播报 | 11小时持久聆听</p>
                    <div class="info">
                        <span>限时直降100元</span>
                        <b>6期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥1599起</b>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="list">
        <div class="container">
            <!-- title -->
            <div class="title">
                <h2>手机专区</h2>
                <div class="more">
                    <a href="">更多</a>
                    <i class="iconfont icon-youjiantou"></i>
                </div>
            </div>
            <ul>
                <li>
                    <img src="./sj2.webp" alt="失败">
                    <h3>nova 11 SE</h3>
                    <p>3200万高清自拍 | HarmonyOS 4</p>
                    <div class="info">
                        <span>限时直降100元</span>
                        <b>限时赠</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥1999</b>
                        <del>1999</del>
                    </div>
                </li>
                <li>
                    <img src="./sj1.webp" alt="失败">
                    <h3>华为畅享 70z</h3>
                    <p>6000mAh长续航 | HarmonyOS 4</p>
                    <div class="info">
                        <span>限时直降150元</span>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥10499</b>
                        <del>1199</del>
                    </div>
                </li>
                <li>
                    <img src="./sj3.webp" alt="失败">
                    <h3>华为畅享 70</h3>
                    <p>畅享X键 一键畅享 | 5000万像素高清摄影</p>
                    <div class="info">
                        <span>限时直降50元</span>
                        <b>限时赠</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥1349</b>
                        <del>19991399</del>
                    </div>   
                </li>
                <li class="nomar">
                    <img src="./sj4.webp" alt="失败">
                    <h3>nova 12</h3>
                    <p>鸿蒙智慧通信 | 100W智能快充Turbo</p>
                    <div class="info">
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥1499</b>
                    </div>    
                </li>
                <li>
                    <img src="./sj5.webp" alt="失败">
                    <h3>nova 12 Pro</h3>
                    <p>物理可变光圈 | 前置6000万人像追焦双摄</p>
                    <div class="info">
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥4399</b>
                    </div>  
                </li>
                <li>
                    <img src="./sj6.webp" alt="失败">
                    <h3>Mate X5</h3>
                    <p>超轻薄四曲折叠 | 超耐用玄武钢化昆仑玻璃</p>
                    <div class="info">
                        <b>12期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥16999</b>
                    </div>
                </li>
                <li>
                    <img src="./sj8.webp" alt="失败">
                    <h3>Mate 60</h3>
                    <p>超可靠玄武架构 | 全焦段超清影像</p>
                    <div class="info">
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥5999</b>
                    </div>   
                </li>
                <li class="nomar">
                    <img src="./sj9.webp" alt="失败">
                    <h3>HUAWEI Pocket 2</h3>
                    <p>超平整超可靠 | 全焦段XMAGE四摄</p>
                    <div class="info">
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥7999</b>
                    </div>   
                </li>
            </ul>
        </div>
    </div>
    <div class="list">
        <div class="container">
            <!-- title -->
            <div class="title">
                <h2>电脑专区</h2>
            </div>
            <ul>
                <li>
                    <img src="./dn1.webp" alt="失败">
                    <h3>MateBook D 16</h3>
                    <p>16英寸护眼全面屏 | 13代酷睿i9处理器</p>
                    <div class="info">
                        <span>限时直降800元</span>
                        <b>3期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥63999</b>
                    </div>
                </li>
                <li>
                    <img src="./dn2.webp" alt="失败">
                    <h3>MateBook D 14</h3>
                    <p>14英寸护眼全面屏 | 13代酷睿处理器 </p>
                    <div class="info">
                        <span>限时直降200元</span>
                        <b>3期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥5599起</b>
                    </div>
                </li>
                <li>
                    <img src="./dn4.webp" alt="失败">
                    <h3>MateBook 16s</h3>
                    <p>32GB大内存 | 2.5K高色准触控屏</p>
                    <div class="info">
                        <span>限时直降200元</span>
                        <b>6期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥8199起</b>
                    </div>
                </li>
                <li class="nomar">
                    <img src="./dn3.webp" alt="失败">
                    <h3>MateBook 14s</h3>
                    <p>MateBook 14s | 2.5触控屏 | 超级终端</p>
                    <div class="info">
                        <span>限时直降600元</span>
                        <b>6期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥5999起</b>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="list">
        <div class="container">
            <!-- title -->
            <div class="title">
                <h2>平板专区</h2>
                <div class="more">
                    <a href="">更多</a>
                    <i class="iconfont icon-youjiantou"></i>
                </div>
            </div>
            <ul>
                <li>
                    <img src="./pb1.webp" alt="失败">
                    <h3>MatePad Pro 11英寸 2024款</h3>
                    <p>双向北斗卫星消息</p>
                    <div class="info">
                        <span>限时直降00元</span>
                        <b>3期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥3999</b>
                    </div>
                </li>
                <li>
                    <img src="./pb2.webp" alt="失败">
                    <h3>MatePad Pro 12.6英寸</h3>
                    <p>PC级专业办公</p>
                    <div class="info">
                        <span>限时直降200元</span>
                        <b>3期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥3799起</b>
                    </div>
                </li>
                <li>
                    <img src="./pb4.webp" alt="失败">
                    <h3>MatePad 11英寸 2023款</h3>
                    <p>120Hz高刷新率 | 2.5K超高清全面屏</p>
                    <div class="info">
                        <span>限时直降200元</span>
                        <b>6期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥2299起</b>
                    </div>
                </li>
                <li class="nomar">
                    <img src="./pb3.webp" alt="失败">
                    <h3>MateBook E 2023款</h3>
                    <p>二合一平板电脑 | 120Hz OLED原色全面屏</p>
                    <div class="info">
                        <span>限时直降300元</span>
                        <b>3期0分期利息</b>
                        <b>赠积分</b>
                    </div>
                    <div class="price">
                        <b>¥7199起</b>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 右下角图标 -->
    <div class="gundong">
        <ul>
            <li>
                <a href="">
                    <i class="iconfont icon-kefu"></i>
                    <p>在线客服</p>
                </a>
            </li>
            <li>
                <a href="">
                    <i class="iconfont icon-fanhuidingbu36px"></i>
                    <p>返回顶部</p>
                </a>
            </li>
        </ul>
    </div>
    <!-- 顶部上方 -->
    <div class="ditop">
        <div class="container">
            <ul>
                <li>
                    <a href="">
                        <img src="./di1.webp" alt="">
                        <span>百强企业 品质保证</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./di2.webp" alt="">
                        <span>7天退货 15天换货</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./di3.webp" alt="">
                        <span>48元起免运费</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./di4.webp" alt="">
                        <span>官方售后 全国联保</span>
                    </a>
                </li>
            </ul>
        </div>
    <!-- 底部 -->
    <div class="bottom">
        <div class="container">
            <div class="containeryou">
                <ul>
                    <li>
                        <h2>950805</h2>
                        <h5>7 x 24 小时客服热线 (仅收市话费)</h5>
                        <div class="dikefu">
                            <a href="">
                                <p>
                                    <i class="iconfont icon-kefu">  在线客服</i>
                                </p>
                            </a>
                        </div>
                        <a href="">
                            <p>关注VMALL</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="containerzuo">
                <ul>
                    <li>
                        <a href="">
                            <p class="topone">购物指南</p>
                        </a>
                        <a href="">
                            <p class="toponee">以旧换新</p>
                        </a>
                        <a href="">
                            <p class="toponee">众测购</p>
                        </a>
                        <a href="">
                            <p class="toponee">企业购</p>
                        </a>
                        <a href="">
                            <p class="toponee">教育购</p>
                        </a>
                        <a href="">
                            <p class="toponee">享0分期利息</p>
                        </a>
                        <a href="">
                            <p class="toponee">020采购</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="topone">售后服务</p>
                        </a>
                        <a href="">
                            <p class="toponee">以旧换新</p>
                        </a>
                        <a href="">
                            <p class="toponee">众测购</p>
                        </a>
                        <a href="">
                            <p class="toponee">企业购</p>
                        </a>
                        <a href="">
                            <p class="toponee">教育购</p>
                        </a>
                        <a href="">
                            <p class="toponee">享0分期利息</p>
                        </a>
                        <a href="">
                            <p class="toponee">020采购</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="topone">服务支持</p>
                        </a>
                        <a href="">
                            <p class="toponee">以旧换新</p>
                        </a>
                        <a href="">
                            <p class="toponee">众测购</p>
                        </a>
                        <a href="">
                            <p class="toponee">企业购</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="topone">特色服务</p>
                        </a>
                        <a href="">
                            <p class="toponee">以旧换新</p>
                        </a>
                        <a href="">
                            <p class="toponee">众测购</p>
                        </a>
                        <a href="">
                            <p class="toponee">企业购</p>
                        </a>
                        <a href="">
                            <p class="toponee">教育购</p>
                        </a>
                        <a href="">
                            <p class="toponee">享0分期利息</p>
                        </a>
                        <a href="">
                            <p class="toponee">020采购</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="topone">关于我们</p>
                        </a>
                        <a href="">
                            <p class="toponee">以旧换新</p>
                        </a>
                        <a href="">
                            <p class="toponee">众测购</p>
                        </a>
                        <a href="">
                            <p class="toponee">企业购</p>
                        </a>
                        <a href="">
                            <p class="toponee">教育购</p>
                        </a>
                        <a href="">
                            <p class="toponee">享0分期利息</p>
                        </a>
                        <a href="">
                            <p class="toponee">020采购</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p class="topone">友情链接</p>
                        </a>
                        <a href="">
                            <p class="toponee">以旧换新</p>
                        </a>
                        <a href="">
                            <p class="toponee">众测购</p>
                        </a>
                        <a href="">
                            <p class="toponee">企业购</p>
                        </a>
                        <a href="">
                            <p class="toponee">教育购</p>
                        </a>
                        <a href="">
                            <p class="toponee">享0分期利息</p>
                        </a>
                        <a href="">
                            <p class="toponee">020采购</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>